<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    防抖和节流定义
防抖（Debounce）和节流（Throttle）是在前端开发中用于处理频繁触发事件的技术，
目的是提高性能和用户体验，以下是它们的定义和相关说明：
防抖
定义：在事件被触发 n 秒后再执行回调，如果在这 n 秒内事件又被触发，则重新计时。
应用场景：适用于一些需要频繁触发，但又不希望立即执行的操作，如输入框的输入事件、
窗口的 resize 事件等。例如，在搜索框中输入关键词时，用户可能会快速输入多个字符，
我们可以使用防抖技术，当用户停止输入一段时间后，再发起搜索请求，这样可以避免频繁发送请求，减轻服务器压力。
节流
定义：规定在一个单位时间内，只能触发一次事件。
如果在这个单位时间内多次触发事件，只有第一次或最后一次会被执行，其余的触发将被忽略。
应用场景：常用于处理一些持续触发的事件，如鼠标移动、滚动条滚动等。
比如，当页面滚动时，我们可能需要在用户滚动停止后加载新的数据，但不希望在滚动过程中频繁加载，
这时就可以使用节流来限制加载的频率，确保在一定时间内只执行一次加载操作，提高页面性能和用户体验。
</body>
</html>